$(function(){
    $contador = 0;
    
    cargarAgregarProducto();
   
//    cargar imagen del menu
     $("#Menu_imagen").change(function(){
      console.log($(this));
        readURL(this);
    });
    
     if ($vacio != true) {
        $.getJSON('cargarProducto/id/' + $pedidoId, function(data){
        }).done(function(data) {
            
            for (i=0; i<data.length; i++)
            {
              agregarProducto(data[i].producto_id, data[i].cantidad);
              
            }
           
           
        });
    }
    
});
var $vacio;
var $pedidoId;
var productosSeleccionados = [];

function cargarAgregarProducto(){
      $('#agregarProducto').on('click', function() {
    $.get(baseUrl+'menus/menu/producto',function(data){
             $("#mainModal").html(data);
             $("#mainModal").modal("show");
             deshabilitarBotones();
    });
    });
}

function agregarProducto(id, cantidad) {
    
    $.getJSON('buscarProducto/id/' + id, function(data) {
//         console.log(id+"agregar->>"+data);
    }).done(function(data) {
       
         if (cantidad) {
            $cantidad = cantidad;
        } else {
            $cantidad = 1;
        }
        
//        $precio = Number(data.precio);

   
        if (!$('#producto_' + data.id).html()) {
            $('#menu').append(
                    '<tr id="producto_' + data.id + '" class="producto">' +
                    ' <td>' + data.nombre + '<input name="menu_producto[' + $contador + '][producto_id]" type="hidden" value="' + data.id + '"></td>' +
                  
                    ' <td> <input name="menu_producto[' + $contador + '][cantidad]" id="cantidad_' + data.id + '"   class="input-mini money" value="'+$cantidad+'" ;"></td>' +
                    ' <td>' + data.unidad_id + '<input name="menu_producto[' + $contador + '][unidad_id]" type="hidden" value="' + data.unidad_id + '"></td>' +

                    ' <td><a class="delete" title="" rel="tooltip" href="#" data-original-title="Borrar" onclick="borrarProducto(' + data.id + ');"><i class="icon-trash"></i></a></i></td>' +
                    '</tr>');
//            calcularPrecio(data.id);
            $contador++;
            productosSeleccionados.push(data.id);
            console.log(productosSeleccionados);
            deshabilitarBotones();
             maskAttributes();
            
           
        }
        
    });
}

function borrarProducto(id) {
    $("#producto_" + id).remove()
//    calcularPrecio();
//    
//    productosSeleccionados.splice($.inArray(id, productosSeleccionados),1);
     var idx = productosSeleccionados.indexOf(String(id)); // Localizamos el indice del elemento en array
     if(idx!=-1) productosSeleccionados.splice(idx, 1); // Lo borramos definitivamente
//    $(this).remove();
}

function deshabilitarBotones()
{
   
    
    for (i=0; i<productosSeleccionados.length; i++)
            {
         //   $('a#'+productosSeleccionados[i]).addClass('hidden');
            $('a#'+productosSeleccionados[i]+' > i').removeClass('icon-plus');
              $('a#'+productosSeleccionados[i]+' > i').addClass('icon-check');
              $('a#'+productosSeleccionados[i]+' ~ div.tooltip').addClass('hidden') ;
                $('a#'+productosSeleccionados[i]+' ~ div.tooltip').addClass('hidden') ;
                 // $('a#'+productosSeleccionados[i]).removeClass('button-column') ;
           $('a#'+productosSeleccionados[i]).parent().removeClass('button-column');
                   $('a#'+productosSeleccionados[i]).removeAttr('title') ;
                  
                //  $padre.removeClass('button-column') ;
            }
            desabilitarToolTip();
          
    
   //  $('a#'+data.id).addClass('hidden');
}
function desabilitarToolTip()
{
      for (i=0; i<productosSeleccionados.length; i++)
            {
              $('a#'+productosSeleccionados[i]+' ~ div.tooltip').addClass('hidden') ;
            }
}

    // imprimir imagen cargada
    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();            
            reader.onload = function (e) {
                $('#target').attr('src', e.target.result);
            }
            
            reader.readAsDataURL(input.files[0]);
        }
    }
    
   